import React, { Component } from 'react';
import './index.css'
import Logo from '../../assets/images/logo.png'
import { NavLink, Redirect } from 'react-router-dom'

class TopBar extends Component {
    render() {
        return (
            <div className="topbar-cotainer">
               <div className="top-left" >
                   <div className="imgbox">
                        <img src={Logo} alt="" />
                   </div>
               </div>
               <div className="top-center">
                    <ul className="conter-box">
                       <NavLink to="/home/culling" className="border-right lis" activeClassName="active-top">
                            全部
                       </NavLink>
                       <NavLink to="/home/man"  className="border-right lis" activeClassName="active-top">
                            男生
                       </NavLink>
                       
                       <NavLink to="/home/woman" className="lis" activeClassName="active-top">
                            女生
                       </NavLink>
                       <Redirect to="/home/culling"></Redirect>
                    </ul>

               </div>
               <div className="top-right">
                    <div className="search iconfont icon-search1"></div>
               </div>
            </div>
        );
    }
}

export default TopBar;